.autocompleteEmail-container {
    .awesomplete {
        font-size: 13px
    }

    .awesomplete ul { overflow-x: hidden }
    .awesomplete [aria-selected] {
        padding: .6em .5em
    }
}


.autocompleteEmails-item-edit,
.autocompleteEmails-item-invalid {
    .autocompleteEmailsItem-icon {
        display: none
    }
}

.autocompleteEmailsItem-icon {
    .encryptionIcon {
        margin: 0px 5px 3px 5px;
        line-height: 22px;
        color: $primary;
    }

    svg.encryptionIcon {
        margin-top: calc((20px - 1em) / 2);
        height: 1em;
        fill: $primary;
        // create more contrast on the checkmark (somewhat more than normal because default-color is already really black)
        color: darken($primary, 20);
        width: 18px;
    }

    .pgp-encryption-icon {
        color: $pgp;
    }

    svg.big-encryption-icon {
        height: 1.1em;
    }

    svg.pgp-encryption-icon {
        fill: $pgp;
        // create more contrast on the checkmark
        color: darken($pgp, 10);
    }
}
